<?php

use app\assets\BackendAsset as Asset;

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */

?>
<div id="app" v-on:keyup.enter="login">
    <div class="login-wrap">

        <div class="s-nav">
            <el-row>
                <el-col :span="24">
                    <div class="logo">
                        <a href="/" class="logo__img"><?=Yii::$app->id?></a>
                    </div>
                </el-col>
            </el-row>
        </div>

        <div class="title-nav">
            <el-row>
                <el-col :span="24">
                    <h1 class="login-title">欢迎登录</h1>
                </el-col>
            </el-row>
        </div>

        <div class="ms-reg-login">
            <!-- <div class="ms-title">后台管理系统</div> -->
            <el-form :model="loginData" class="el-form ms-content" :rules="rules"
                     ref="loginForm" :validate-on-rule-change="false">
                <el-form-item class="el-form-item is-required el-form-item--small"
                              prop="userName">
                    <div class="el-form-item__content" style="margin-left: 0px;">
                        <el-input placeholder="请输入账号" tabindex="1"
                                  v-model="loginData.userName" size="small">
                        </el-input>
                    </div>
                </el-form-item>
                <el-form-item class="el-form-item is-required el-form-item--small"
                              prop="passWord">
                    <div class="el-form-item__content" style="margin-left: 0px;">

                        <el-input placeholder="请输入密码" tabindex="2"
                                  v-model="loginData.passWord"
                                  type="password" size="small">
                        </el-input>
                    </div>
                </el-form-item>
                <el-form-item class="re-login-btn">
                    <el-button @click.native="login" :loading="submitLoading"
                               type="primary" size="medium">
                        登录
                    </el-button>
                </el-form-item>

                <el-form-item class="sign__tip" style="display: none;">
                    <span>没有账号?</span>
                    <a href="/register.html" class="sign__link sign__link--attention">
                        立即注册
                    </a>
<!--                        <a href="/view/forget.jsp" class="sign__link"> 忘记密码?</a>-->
                </el-form-item>
            </el-form>
        </div>
    </div>
</div>

<?= Asset::addCss($this, '@web/css/backend/reg-login.css'); ?>
<?= Asset::addScript($this, "@web/js/backend/login.js"); ?>
<?= $this->registerJs('instance = new login();');
?>
